<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>order</title>
 <script src="/spring-merchant/js/bootstrap/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="/spring-merchant/css/bootstrap/bootstrap.min.css" >
    <link rel="stylesheet" href="/spring-merchant/css/bootstrap/bootstrap-theme.min.css">
    <script src="/spring-merchant/js/bootstrap/bootstrap.min.js"></script>
	
	<script src="/spring-merchant/js/dist/sweetalert-dev.js"></script>
    <link href="/spring-merchant/css/dist/sweetalert.css" rel="stylesheet">
    <script src="/spring-merchant/js/dist/sweetalert.min.js"></script>
    <link rel="stylesheet" href="/spring-merchant/css/order.css">
    	
    <script type="text/javascript" src="/spring-merchant/js/websocket.js"></script>
</head>
<body>
<div id="order-sample" class="col-xs-1 col-md-10 show-order-list hidden-attr">
                    <div id="order-details-list" class="thumbnail" >
                        <div class="caption order-detail-per order-detail-time">
                            <h3 id="date">Date</h3> 
                            <p id="time">Time</p> 
                        </div>
                        <div class="caption order-detail-per order-detail-customer">
                            <h3 id="customerName">CustomerName</h3>
                            <p>CustomerAddressr</p>                            
                        </div>
                        <div class="caption order-detail-per order-detail-order">
                            <h3>MoneyTotal</h3>
                            <p>total</p>
                        </div>
                         <div name="status" class="caption order-detail-per order-detail-statu" >
                            <h3>OrderStatus</h3>
                             <p id="order_status">status</p>
                        </div>
                        <div class="caption order-detail-per order-detail-order">
                            <h3>ProcessNumber</h3>
                            <p>number</p>
                        </div>
                       
                        <div class="btn-group caption order-detail-per order-detail-showdetail">
                            <button id="detailBtn" type="button" class="btn btn-primary">Order Detail</button>
                            <button type="button" id="chance_status" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="caret"></span>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu order-operator-li-group">
                                <li name="menu_operation" class="li_status_receive" >RECEIVE</li>
                                <li name="menu_operation" class="li_status_reject" >REJECT</li>
                                <li name="menu_operation" class="li_status_deliver" >DELIVER</li>
                            </ul>       
                        </div>
                    </div>
                 </div>
 <div id="main-div">
   <!-- 上方标题-->
    <div class="top-title">
        <div class="dole-logo log-div">
            <a href="">
                 <img src="/spring-merchant/image/login.jpg" alt="merchant">
            </a>
        </div>
        <div class="title-nav">
            <div class="page-header page-header-div">
                <h1>Order manager<small></small></h1>
            </div>
           	<%@include file="../../user_nav.jsp"%>
        </div>
    </div>
       <!-- 菜单栏-->
    <div class="bottom-menu-operationarea">
        <div id="left-menu-log" class="mac-main-nav menu-div">
    <!--隔离空白区美观-->
           <!-- <div class="menu-blank-block"></div>  -->
    <!--选项栏-->
             <%@include file="../../menu_nav.jsp"%>
            
			</div>
             
        </div>
        <div class="operationarea">
            <div id="order-type-choose-nav">
                <ul class="nav nav-pills">
                    <li name="orderChange" value="ALL" role="presentation" class="active"><a href="javascript:void(0);">All Orders</a></li>
                    <li name="orderChange" value="RECEIVE" role="presentation"><a href="javascript:void(0);">Took Orders</a></li>
                    <li name="orderChange" value="WAIT" role="presentation"><a href="javascript:void(0);">Waited Order</a></li>
                    <li name="orderChange" value="REJECT" role="presentation"><a href="javascript:void(0);">Refused Order</a></li>
                </ul>
            </div>
            <div id="show-order-area" > 
            </div>
        </div>
    </div>
</div>
    <script type="text/javascript" src="/spring-merchant/js/orderList.js"></script>   
    
</body>
</html>